<template>
	<view class="content">
		<view class="top">

		</view>
		<view class="bottom">
			<view class="logo">
				<image src="/static/logo.png"></image>
			</view>
			<span class="author">王文杰</span>
			<p class="remark">次二维码可累计积分 <span> (不支持支付)</span></p>
			<image class="code" src="/static/code.png"></image>
			<p class="remark">会员码30秒自动刷新一次</p>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style scoped lang="less">
	.content {
		// display: flex;
		// flex-direction: column;
		height: 100vh;

		.top {
			width: 100%;
			height: 20%;
			background-color: #333333;



		}

		.bottom {
			width: 100%;
			height: 80%;
			background-color: #fff;
			text-align: center;

			.logo {
				width: 100px;
				height: 100px;
				overflow: hidden;
				border-radius: 50%;
				position: relative;
				margin: 0px auto;
				background-color: #fff;
				bottom: 45px;
				image {
					width: 70%;
					height: 70%;
					margin-top: 10px;
					background-color: #fff;
				}
			}

			.author {
				font-size: 15px;
				position: absolute;
				bottom: 70%;
				left: 45%;
				text-align: center;

			}

			.code {
				width: 300rpx;
				height: 300rpx;
			}

			.remark {
				font-size: 15px;
				margin-top: 25rpx;
				span {
					margin-left: 20px;
					color: red;
				}
			}
		}
	}
</style>